<!-- 自定义页面：支持装修 -->
<template>
  <view class="container">
    <view class="header">
      <text class="title">首页</text>
    </view>
    <view class="content">
      <text class="welcome">欢迎使用商城系统</text>
    </view>
  </view>
</template>

<script setup>
  import { onLoad } from '@dcloudio/uni-app';

  onLoad(() => {
    console.log('首页加载完成');
  });
</script>

<style scoped>
  .container {
    padding: 20rpx;
  }
  .header {
    height: 80rpx;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1rpx solid #eee;
    margin-bottom: 30rpx;
  }
  .title {
    font-size: 36rpx;
    font-weight: bold;
  }
  .content {
    padding: 40rpx;
    text-align: center;
  }
  .welcome {
    font-size: 32rpx;
    color: #333;
  }
</style>
